<template>
  <div class="home">
    <div class="container">
      <h1 class="title">校园点餐管理系统</h1>
      <p class="lead">为用户提供优良的服务</p>
    </div>
  </div>
</template>

<style scoped>
.home {
  width: 100%;
  height: 100%;
  background: url(../../assets/foodback.jpg) no-repeat;
  background-size: 100% 100%;
}
.container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 100px;
  text-align: center;
  color:#000;
}
.title {
  font-size: 30px;
}
.lead {
  margin-top: 50px;
  font-size: 22px;
}
</style>
